<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<ui:composition template="../../templates/template.xhtml">

	<ui:define name="title"> 
	 	Case Record History Page
	</ui:define>
	<ui:param name="page" value="home" />
	<ui:define name="header">
		<ui:include src="../../header.xhtml" />
	</ui:define>

	<ui:define name="menu">
		<div align="center">
			<h:form id="mennuForm" >
			 <br/>
			<br/>
			<h:commandButton value="Back" action="#{clerkCaseHistoryPage.back}" styleClass="buttonClass" immediate="true" />
			<br/>
			<br/>
		</h:form>
		</div>
	</ui:define>


	<ui:define name="body">
		<h:form >
			<h:panelGrid columns="1" width="98%" styleClass="outerTable"
				columnClasses="standardTable_ColumnCentered">
				<f:facet name="header">
					<h:outputText value="Case Record History" />
				</f:facet>
				<h:column>
					<h:dataTable id="allPeople"
						value="#{clerkCaseHistoryPage.historyDataTable}"
						var="history" styleClass="iCubed" width="98%" rows="10">
						<h:column>
							<f:facet name="header">
								<h:outputText id="content" value="Content" />
							</f:facet>
							<h:outputLabel value="#{clerkCaseHistoryPage.historyDataTable.rowIndex+1}" />
						</h:column>
						<!-- 
						<h:column>
							<f:facet name="header">
								<h:outputText   value="Event ID" />
							</f:facet>
							<h:outputText  value="#{history.eventID}"    />
						</h:column>
						 -->
						<h:column>
							<f:facet name="header">
								<h:outputText   value="Event" />
							</f:facet>
							<h:outputText value="#{history.eventType.description}" />
						</h:column>
						<h:column>
							<f:facet name="header">
								<h:outputText  value="Event Date Time" />
							</f:facet>
							<h:outputText value="#{history.eventDateTime}" >
							 	<f:convertDateTime 
									dateStyle="long" 
									timeStyle="long"
									timeZone="America/New_York" 
									type="both"/>
							 </h:outputText>
						</h:column>
						
						<h:column>
							<f:facet name="header">
								<h:outputText  value="Person Who did" />
							</f:facet>

							<h:outputText value="#{history.person.firstName} #{history.person.middleName} #{history.person.lastName}"/>			 
						</h:column>
						  <h:column>
                                 <f:facet name="header">
                                           <h:outputText   value="Comments" />
                                </f:facet>
                                         <h:outputText value="#{history.comments}" />
                          </h:column> 				
				</h:dataTable>
				</h:column>
				<h:column>
					<div align="center"><t:dataScroller fastStep="5"
						styleClass="scrollerTable" pageCountVar="pageCount"
						pageIndexVar="pageIndex" paginator="true" paginatorMaxPages="10"
						paginatorTableClass="paginator"
						paginatorActiveColumnStyle="font-weight:bold;" immediate="false"
						for="allPeople">
						<f:facet name="first">
							<t:graphicImage url="/images/arrow-first.gif" border="1"
								styleClass="objectList_GraphicImage" />
						</f:facet>
						<f:facet name="last">
							<t:graphicImage url="/images/arrow-last.gif" border="1"
								styleClass="objectList_GraphicImage" />
						</f:facet>
						<f:facet name="previous">
							<t:graphicImage url="/images/arrow-previous.gif" border="1"
								styleClass="objectList_GraphicImage" />
						</f:facet>
						<f:facet name="next">
							<t:graphicImage url="/images/arrow-next.gif" border="1"
								styleClass="objectList_GraphicImage" />
						</f:facet>
						<f:facet name="fastforward">
							<t:graphicImage url="/images/arrow-ff.gif" border="1"
								styleClass="objectList_GraphicImage" />
						</f:facet>
						<f:facet name="fastrewind">
							<t:graphicImage url="/images/arrow-fr.gif" border="1"
								styleClass="objectList_GraphicImage" />
						</f:facet>
					</t:dataScroller></div>
				</h:column>
			</h:panelGrid>

		</h:form>
	</ui:define>
</ui:composition>

</html>
